$(document).ready(function(){
    selAll();
});

function selAll(){
    $.post("/emp/selAll.do",null,callback,"JSON");
    function callback(data){
        console.log(data);
        if(!data.flag){
            return;
        }
        //正常读取，开始解析
        let emps=data.obj;
        let tbody=$("tbody");
        tbody.empty();//清空内部元素
        let trDemo=$("<tr><td></td><td></td><td></td><td></td><td><a href=\"javascript:void(0);\" onclick=\"edit(this)\"> 编辑</a><a style=\"margin-left: 30px;\" href=\"javascript:void(0);\" onclick=\"del(this)\"> 删除</a></td></tr>")
        for(let i=0;i<emps.length;i++){
            let tr=trDemo.clone();
            tr.data("id",emps[i].id);
            //tr.attr("id",emps[i].id);
            let tds=tr.find("td");
            tds.eq(0).html(i+1);
            tds.eq(1).html(emps[i].name);
            tds.eq(2).html(emps[i].age);
            tds.eq(3).html(emps[i].salary);
            tbody.append(tr);
        }
    }
}

function add(){
    var inputs=$("#div1 input");
    //inputs是一个数组，包含了3个元素，inputs.eq(0),inputs.eq(1),inputs.eq(2)
    var data={
        name:inputs.eq(0).val(),age:inputs.eq(1).val(),salary:inputs.eq(2).val()
    };
    $.post("/emp/add.do",data,callback,"JSON");
    function callback(data){
        console.log(data);
        let div=$("#msgDIV");
        //data= {flag: true, msg: '添加成功', obj: null}
        if(data.flag){
            div.css("color","green");
        }else{
            div.css("color","red");
        }
        div.html(data.msg);
        div.show();
        window.setTimeout(function (){
            div.hide();
        },2000);

    }
}

function  del(op){
    let tr=$(op).parents("tr");
    console.log(tr.data("id"));
    $.post("/emp/del.do",{id:tr.data("id")},callback,"JSON");
    function callback(data){
        //console.log(data);
        if(data.flag){
            selAll();
        }
    }
}